body {
  font-family: "Microsoft yahei";
  font-size: 14px;
}
.warp {
  width: 100%;
  height: auto;
}
.logo {
  width: 100%;
  height: auto;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.logo .logo_img {
  width: 100%;
  height: 12.5rem;
}
.logo .logo_img img {
  width: 100%;
  height: 100%;
}
.query {
  width: 16.875rem;
  height: 2.469rem;
  line-height: 2.469rem;
  font-size: 0.875rem;
  border-bottom: 1px solid #c2c2c2;
  margin: 0 auto;
  color: #342049;
  overflow: hidden;
}
.query .query_num {
  width: 11.406rem;
  height: 2.469rem;
  border: 0 none;
  font-family: "Microsoft yahei";
}
.sub_btn {
  display: block;
  width: 16.875rem;
  height: 2.813rem;
  line-height: 2.813rem;
  font-size: 1.125rem;
  background: #36234b;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  border-radius: 8px;
  margin-top: 3.0625rem;
  border: none;
}
.order {
  background: #ededed;
  width: 100%;
  height: auto;
  position: relative;
}
.nav {
  width: 18.375rem;
  height: 2.813rem;
  line-height: 2.813rem;
  padding-right: 0.813rem;
  padding-left: 0.813rem;
  font-size: 0.938rem;
  background: #fff;
}
.nav h2 {
  float: left;
}
.nav .pos {
  float: right;
  color: #504f4f;
}
.order_goods {
  width: 100%;
  height: auto;
  margin-top: 0.469rem;
  background: #fff;
}
.order_goods .goods_outer {
  padding-left: 0.813rem;
}
.order_goods .goods_outer .goods_inner {
  padding-top: 0.813rem;
  padding-right: 0.813rem;
  padding-bottom: 0.813rem;
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #878787;
}
.order_goods .goods_outer .goods_inner .goods_img {
  width: 4.531rem;
  height: 3.344rem;
  float: left;
}
.order_goods .goods_outer .goods_inner .goods_img img {
  width: 100%;
  height: 100%;
}
.order_goods .goods_outer .goods_inner .goods_list {
  width: 13.063rem;
  height: auto;
  float: right;
}
.order_goods .goods_outer .goods_inner .goods_list h3 {
  font-size: 0.688rem;
  width: auto;
  height: 1rem;
  line-height: 0.781rem;
  color: #342049;
  vertical-align: top;
}
.order_goods .goods_outer .goods_inner .goods_list .type_span {
  font-size: 0.625rem;
  width: auto;
  height: 1rem;
  line-height: 1rem;
  color: #d2d0d4;
}
.order_goods .goods_outer .goods_inner .goods_list .type_span span {
  padding-left: 0.563rem;
}
.order_goods .goods_outer .goods_inner .goods_list .type_span span:nth-of-type(1) {
  padding: 0;
}
.order_goods .goods_outer .goods_inner .goods_list .price {
  font-size: 0.563rem;
  padding-top: 0.25rem;
  color: #7d7d7d;
}
.order_goods .goods_outer .goods_inner .goods_list .price .price_num {
  font-size: 0.813rem;
  padding-left: 0.844rem;
  color: #ff0000;
}
.order_goods .goods_outer .goods_inner .goods_list .price .num_li {
  float: right;
}
.order_goods div:nth-last-child(1) .goods_inner {
  border-bottom: 0;
}
.distribution {
  width: 100%;
  height: auto;
  margin-top: 0.469rem;
  background: #fff;
}
.distribution ul {
  margin-left: 0.813rem;
  font-size: 0.875rem;
}
.distribution ul li {
  width: 18.375rem;
  height: 2.344rem;
  line-height: 2.344rem;
  padding-right: 0.813rem;
  border-bottom: 1px solid #878787;
  color: #100f0f;
}
.distribution ul li span {
  float: right;
  display: inline-block;
}
.distribution ul li:nth-last-of-type(1) {
  border-bottom: 0;
}
.distribution ul .click_type {
  color: #ff0000;
}
.distribution ul .jifen {
  padding-left: 1.25rem;
  color: #504f4f;
  background: url(../images/jifen_ic.png) no-repeat left center;
  background-size: 1rem;
}
.mode {
  width: 100%;
  height: auto;
  margin-top: 0.469rem;
  background: #fff;
}
.mode ul {
  margin-left: 0.813rem;
  font-size: 0.875rem;
}
.mode ul li {
  width: 18.375rem;
  height: 2.344rem;
  line-height: 2.344rem;
  padding-right: 0.813rem;
  border-bottom: 1px solid #878787;
  color: #100f0f;
}
.mode ul li span {
  float: right;
  display: inline-block;
  color: #504f4f;
}
.mode ul li span em {
  color: #ff0000;
}
.footer {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  background: #fff;
}
.footer p {
  width: 15rem;
  height: auto;
  padding-top: 0.813rem;
  padding-bottom: 0.813rem;
  padding-left: 0.813rem;
  color: #302f2f;
}
.footer .order_btn {
  display: block;
  width: 16.875rem;
  height: 2.813rem;
  line-height: 2.813rem;
  margin: 0 auto;
  background: #342049;
  color: #fff;
  font-size: 1.125rem;
  text-align: center;
  border-radius: 8px;
  margin-top: 20px;
}
.dist_loding {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.dist_loding .loding {
  position: absolute;
  top: 6.5rem;
  left: 50%;
  width: 17.188rem;
  height: auto;
  background: #fff;
  border-radius: 0.375rem;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #342049;
}
.dist_loding .loding .load_nav {
  width: 100%;
  height: 2.188rem;
  line-height: 2.188rem;
  font-size: 0.875rem;
  background-color: #f3f3f3;
  text-align: center;
  position: relative;
}
.dist_loding .loding .load_nav .load_close {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  display: inline-block;
  width: 1.188rem;
  height: 1.188rem;
  background: url(../images/load_close.png) no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dist_loding .loding .load_inner {
  width: 100%;
  height: auto;
  padding-top: 0.5rem;
}
.dist_loding .loding .load_inner ul {
  width: 100%;
  height: auto;
  font-size: 0.75rem;
  float: left;
}
.dist_loding .loding .load_inner ul li {
  width: 25%;
  height: 1.406rem;
  line-height: 1.406rem;
  float: left;
  text-align: center;
}
.dist_loding .loding .load_footer {
  width: auto;
  height: 2.594rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.dist_loding .loding .load_footer .cancel,
.dist_loding .loding .load_footer .detemine {
  display: block;
  width: 13.844rem;
  height: 2.594rem;
  line-height: 2.594rem;
  text-align: center;
  border-radius: 6px;
  margin: 0 auto;
}
.dist_loding .loding .load_footer .cancel {
  background: #e1e1e1;
  color: #342049;
}
.dist_loding .loding .load_footer .cancel a {
  color: #342049;
}
.dist_loding .loding .load_footer .detemine {
  background: #342049;
  color: #fff;
}
.dist_loding .loding .load_footer .detemine a {
  color: #fff;
}
.success_load {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.success_load .inner {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  width: 15.625rem;
  height: auto;
  background: #fff;
  border-radius: 0.3125rem;
}
.success_load .inner li:nth-of-type(1) {
  width: 100%;
  height: 3.438rem;
  line-height: 3.438rem;
  text-align: center;
  border-bottom: 1px solid #f4f4f4;
  color: #342049;
  font-size: 0.875rem;
}
.success_load .inner li a {
  display: inline-block;
  width: 49.5%;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  vertical-align: top;
  color: #342049;
  font-size: 0.875rem;
}
.success_load .inner li a:nth-child(1) {
  border-right: 1px solid #f4f4f4;
}
.none {
  display: none;
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
